<template>
  <div class="app-container home">
    <div class="title">快捷方式</div>
    <div style="display:flex;justify-content: space-between;margin-top: 10px">
      <div class="btn bg1" @click="$router.push(
        {
          path: '/physical/register',
        }
      )">
        <div class="text">人员登记</div>
      </div>
      <div class="btn bg4" @click="$router.push(
        {
          path: '/checkup/input',
        }
      )">
        <div class="text">结果录入</div>
      </div>
      <div class="btn bg3" @click="$router.push(
        {
          path: '/checkup/inquiry',
        }
      )">
        <div class="text">问诊</div>
      </div>
      <div class="btn bg2" @click="$router.push(
        {
          path: '/checkup/maincheck',
        }
      )">
        <div class="text">主检</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {

    };
  },
  methods: {

  },
};
</script>

<style scoped lang="scss">
.home {

  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #676a6c;
  overflow-x: hidden;


  h2 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 100;
  }
}
.btn {
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.bg1 {
  background-image: url("~@/assets/images/m4.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.bg2 {
  background-image: url("~@/assets/images/m2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.bg3 {
  background-image: url("~@/assets/images/m1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.bg4 {
  background-image: url("~@/assets/images/m3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.text{
  margin-right: 180px;
  font-weight: bold;
}
</style>

